﻿a
{
    text-decoration:none;
}

body 
{
    background:url("images/bg-body-home.png") no-repeat scroll center top #DBDBDB;
    margin:0;    
    font:13px/1.231 Calibri,Georgia;
    margin-bottom:20px;
    color:#1A171B;
    font-family:Calibri;
    font-size:10pt;
}



#page
{
    margin-left:auto;
    margin-right:auto;
    width:964px;
    background-color:#FFFFFF;
}

.bleu
{
    color:#009EE0;
}

.orange
{
    color:#F29400;
}

.vert
{
    color:#97BF0D;
}

td.greenColumn
{
    background-color:#97BF0D;
    width:2px;
}

.endBorder
{
    background-color:#97BF0D;
    height:1px;
}

/* Header */

#header
{
    font-family:Calibri;
    height:220px;
    background:url("images/separator.jpg") no-repeat scroll left bottom transparent;
    position:relative;
}

#manchette
{
    position:absolute;
    right:0;
    top:0;
}

#manchette
{
    margin:0;
    padding-bottom:0px;
    padding-right:7px;
    background-color:#F29400;
}

#manchette img
{
    position:relative;
    left:-1px;
}

/* Navigation Header */

#nav
{
    overflow:hidden;
    position:absolute;
    top:95px;
    left:330px;
}

#nav a
{
    color:#69715C;
}

#nav a:hover, #nav a:focus
{
    padding-left:12px;
    position:relative;
    left:-12px;
}

#nav .bleu a:hover, #nav .bleu a:focus
{
    background:url("images/puce-active-bleu.jpg") no-repeat scroll 2px 50% transparent;
}

#nav .orange a:hover, #nav .orange a:focus
{
    background:url("images/puce-active-orange.jpg") no-repeat scroll 2px 50% transparent;
}

#nav .vert a:hover, #nav .vert a:focus
{
    background:url("images/puce-active-vert.jpg") no-repeat scroll 2px 50% transparent;
}


.navSection
{
    width:210px;
    float:left;
}

.navSecTitle
{
    padding-left:10px;
    padding-bottom:5px;
    font-size:108%;
}

.navSection.bleu .navSecTitle
{
    background:url("images/crochet-bleu.jpg") no-repeat scroll left top transparent;
}

.navSection.orange .navSecTitle
{
    background:url("images/crochet-orange.jpg") no-repeat scroll left top transparent;
}

.navSection.vert .navSecTitle
{
    background:url("images/crochet-vert.jpg") no-repeat scroll left top transparent;
}

.navSection ul
{
    padding:0;
    padding-left:11px;
    margin:0;
    padding-bottom:5px;
    font-size:93%;
    font-weight:bold;
}

.navSection.bleu ul 
{
    background:url("images/crochet-bleu.jpg") no-repeat scroll left bottom transparent;    
}

.navSection.orange ul 
{
    background:url("images/crochet-orange.jpg") no-repeat scroll left bottom transparent;    
}

.navSection.vert ul 
{
    background:url("images/crochet-vert.jpg") no-repeat scroll left bottom transparent;    
}

.navSection ul li
{
    list-style:none outside none;
}

/* Main Section */

#main
{
    display:block;
    font-family:Calibri;
    background:url("images/bg-main.jpg") no-repeat #FFFFFF ;
        padding-top:20px; /*ajout*/
}

#ariane
{
   font-family:Calibri;
   font-size:8pt;
    padding:11px 0 8px 70px;
}

#ariane a
{
    color:#69715C;
}

#main h2
{
    padding:3px 0 3px 8px;
    margin:10px 0 10px 0;
    background:url("images/crochet.png") no-repeat scroll transparent;
    background-position:left center;
    font-size:12pt;
    font-weight:normal;
    font-family:Calibri;
}

.box
{
    margin:0px 0px 0px 0px;
}

.left
{
    position:relative;
    top:25px;
    float:left;
    width:280px;
    margin-left:10px;
    margin-right:10px;
    
}

.left ul
{
    padding:0 0 0 9px;
}

.left ul li
{
    list-style:none outside none;
}

.left ul li a
{
    font-family:Calibri;
    color:#69715C;
}

.center
{
    margin:0 10px 0 10px;
    width:400px;
    float:left;
   
}

.right
{
    width:220px;
    float:left;
    margin:0 10px 0 10px;    
    font-family:arial,helvetica,clean,sans-serif;
    position:relative;
    top:-30px;
}
/* Tunned*/

.tunnedBox
{
    margin-top:10px;
    background-image:url("images/bg_tunned.png");
    background-repeat:no-repeat;
    padding: 5px 5px 10px 40px;
}

/* Recherche */

.searchBox
{
    margin-top:10px;
    background-image:url("images/bg-recherche2.png");
    background-repeat:no-repeat;
    padding: 5px 5px 10px 40px;
}

.searchBox label
{
    position:absolute;
    top:-1000em;
}

.SearchInput
{
    width:142px;
}

.searchBox input
{
    border-width:1px;
}

.searchBox input.btn
{
    position:relative;
    top:5px;
}

 .longbtn
{
    position:relative;
    top:4px;
}

.quickAccess select
{
    border-width:1px;
    width:171px;
}

/* Footer Section */

#footer
{
    font-family:Calibri;    
    background:url("images/footer2.jpg") no-repeat scroll left bottom transparent;
    height:144px;
}

#footer .nav 
{
    padding-top:69px;
    text-align:right;
    padding-right:240px;
    font-size:90%;
}

#footer .nav ul
{
    margin:0;
    padding:0;
}

#footer .nav li
{
    display:inline;
}

#footer a
{
    color:#69715C;
}


#footer .adresse
{
    margin-top:25px;
    color:#FFFFFF;
    text-align:right;
    padding-right:280px;
}

#footer .adresse a
{
    color:#FFFFFF;
}


H1
{
    font-size:16pt;
    font-weight:normal;
    font-family:Georgia;
    padding:5px 0px 5px 0px;
    color:#5f7640;
}
h2
{
    color:#5f7640;
    font-size:12pt;
    padding:5px 0px 5px 20px;
    font-weight:normal;
    font-family:Calibri;
}

p
{
    text-align:justify;
}
h3
{
    color:#999999;       
    padding:0px 0px 0px 10px; 
    font-size:12pt;
    font-weight:normal;
    font-family:Calibri;
}

a
{
    text-decoration:none;
    color:#5f7640
}


a:hover
{
    text-decoration:underline;
}

.Bloc
{
    width:100%;
    padding:0px 5px 13px 5px;
}

.Big
{
    width:400px;
}

.Small
{
    width:220px;
}

DIV.BlocTitle
{
    
     margin:0px;
     padding:0px;
     background-image:url(images/crochet.png);
     background-repeat: no-repeat;
     background-position:left centerMainContent;
 }



SPAN.BlocTitle
{
    font-size:12pt;
}

.BlocMainContentSmall
{
     height:100%;     
     width:100%;     
     background-repeat: no-repeat;
     background-image:url(images/filet-220.png);
     background-position:center bottom;   
}

.BlocMainContentBig
{

     height:100%;     
     width:100%;     
     clear:both;
     background-repeat: no-repeat;
     background-image:url(images/filet-400.png);
     background-position:center bottom;   
}
.ContentPage
{
    width:100%;
}

.MainContent
{
    font-size:11pt;
    padding:0px 5px 5px 0px;
}


.imgThumb
{
    float:left;
    max-width:400px;    
    padding: 3px;  
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.display
{
	display:block;
}
.hidden
{
	display:none;
	}
.imgs_para
{
	width:300px;
	padding-right:10px
	
}
.borderimg
{
	padding: 3px;  
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.imgPrezArticle
{
    float:right;
    max-width:400px;    
}
.fbIcon
{
	width:24px;
	margin-top:-15px; 
	 
	 margin-left:920px;
}
.SearchResults
{
	margin-left : 50px;
	}

.TitleH2
{
    font-size:12pt;
    text-align:justify;
    width:100%;
    padding: 0px 0px 5px 0px;
      font-family:Calibri;
}
.TitleH3
{
    
    font-size:11pt;   
    text-align:justify;
    width:100%;
    padding: 0px 0px 5px 0px;
    font-family:Calibri;
}

.texte
{  
	 font-family:Calibri;
      font-size:10pt;
      padding: 5px 0px 5px 10px; 
      text-align:justify;
      color:#231f20;
}

.MenuItem
{
     font-size:11pt;     
     padding-left:25px;
}


.menulink
{
	padding-left:10px;
	padding-bottom:10px;
}


.middleBar
{
	width:85%;
	color:white;
	
}

.tab
{
	border: 1px #F29400 solid;
	width:75%;
}
.tabtitle
{ 
 border-left: 1px #F29400 solid;   
  background-color:#dddddd}

.firstChild
{ width:50% }

.nbHeures
{ border-left : 1px #F29400 solid;
  border-top : 1px  #F29400 dotted; 
  font-weight:bold;
}
.Item
{
	border-top : 1px  #F29400 dotted;

}

.formFieldBox{
    width:155px;
    height:15px;
    
  text-align:left;	}

.bigFormFieldBox
{
	text-align:left;	
    width:500px;
    height:15px;
}

.formFieldTitle{
	position:relative;	
	text-align:left;	
	float:left;
	
	}
.formFieldddl
{
	height:18px;
}
.field
{

	text-align:right;
padding:3px}

.RadioLists
{
	text-align:right;
	margin-top:-5px;
	padding:0px;}


.ValidationMessage
{
	color:Red;
	font-weight:bold;
	font-size:11pt;
	}